@charset "utf-8";
* {
   padding: 0;
   margin: 0;
}
* {
   font-family:LG Display_Eng_Kor;
}


.body {
    margin-left:32px;
    margin-top:32px;
    margin-right: 32px;
    margin-bottom:22px;
}

.topratedtitle {  
   font-size: 38px;  
   color: rgb(250,250,250);   
   position: absolute; 
   left: 515px; top: 150px
}

.vname {
   font-size: 30px;
   color: rgb(180,185,252);
   position: absolute; 
   left: 515px; top: 190px
}

.layernum {
   height: 31px;
   font-size: 30px;
   color: rgb(157,157,157);
   position: absolute; 
   left: 515px; top: 225px
}

.playBtn {background-image:url(../../images/xl/common/BTN_NORMAL.png);
   background-repeat: no-repeat; 
   font-size: 30px;
   color: rgb(250,250,250);   
   width: 311px; 
   text-align: center;
}

.videoInfo {
   font-size: 30px;
   color: rgb(157,157,157);   
}
/*width: 217px; */
.thumbnail{
   background-image: url(../../images/xl/common/HOME_LIST_NORMAL.png);
   background-repeat: no-repeat;
   background-position: left center;
   cursor: pointer;  
   width: 198px;
}


.thumbnailImg{
   margin: 2px;   
   vertical-align: middle;
   width: 194px;
   height: 116px;
   
}


.thumbnailArrImg{ 
   background-repeat: no-repeat;
   width: 70px; height: 70px; 
   position: absolute;
   z-index: 3000;    
}

.thumbInfo{
   font-size: 26px;
   color: rgb(67,67,67);   
}

.thumbTitleInfo{
   margin-bottom: 29px; 
   margin-left: 7px;
   font-size: 26px;
   color: rgb(157,157,157);
}



.featuredThumTitle{
   margin-bottom: 23px; 
   margin-left: 7px;
   font-size: 26px;
   color: rgb(157,157,157);
   vertical-align: top;
}

.tabArea {
   width:1280px; 
   height:50px; 
   background-image:url(../../images/xl/title/TITLE_TAB_BG_BLACK.png); 
   background-repeat: repeat-x;  
}

/*common*/
.tabGrayFirst {    
   height:50px; 
   width: 250px; 
   color: rgb(52,52,52);    
   text-align:center; 
   font-size: 30px;  
}

.tabGray {   
   height:50px; 
   width: 260px; 
   color: rgb(52,52,52);    
   text-align:center; 
   font-size: 30px;  
}

.tabGrayMiddle {   
   height:50px; 
   width: 260px; 
   color: rgb(52,52,52);    
   text-align:center; 
   font-size: 30px;  
}

/* tab menu home */
.focusedGrayFirst {   
   height:50px; 
   color: rgb(250,250,250);    
   text-align:center; 
   font-size: 30px;  
   width: 250px;  
   background-image:url(../../images/xl/common/TAB_LEFT_FOCUS.png);   
   background-repeat: no-repeat;
   background-position: right top;
}

/* tab menu middle */
.focusedGrayMiddle {  
   height:50px; 
   color: rgb(250,250,250);    
   text-align:center; 
   font-size: 30px;  
   width: 260px;     
   background-image:url(../../images/xl/common/TAB_FOCUS.png);  
}

/* tab menu end */
.focusedGrayEnd {  
   height:50px; 
   color: rgb(250,250,250);    
   text-align:center; 
   font-size: 30px;  
   width: 260px;  
   background-image:url(../../images/xl/common/TAB_RIGHT_FOCUS.png);  
   background-position: left top;
}

.selectedMenuFirst {  
   height:50px; 
   color: rgb(250,250,250);    
   text-align:center; 
   font-size: 30px;  
   width: 250px; 
   height:50px; 
   background-image:url(../../images/xl/common/TAB_LEFT_SELECTED.png);   
   background-position: right top;
   background-repeat: no-repeat;
}

.selectedMenuMiddle {    
   height:50px; 
   color: rgb(250,250,250);    
   text-align:center; 
   font-size: 30px;  
   width: 260px; 
   height:50px; 
   background-image:url(../../images/xl/common/TAB_SELECTED.png);  
}

.selectedMenuEnd {    
   height:50px; 
   color: rgb(250,250,250);    
   text-align:center; 
   font-size: 30px;  
   width: 260px; 
   height:50px; 
   background-image:url(../../images/xl/common/TAB_RIGHT_SELECTED.png);  
}

.titlelogo {
   font-size: 45px;
   color: #9d9d9d;
}

.keyhelp {
   position: absolute; 
   font-size: 26px; 
   color: rgb(182,182,182);   
   vertical-align: middle;
   margin-left: 20px;
   top:640px;
   width: 191px;
   height: 56px;
   text-align: center;
   background-image:url(../../images/xl/keyhelp/KEYHELP_NORMAL.png);
}

.pkeyhelp {
   position: absolute; 
   font-size: 26px; 
   color: rgb(182,182,182);   
   vertical-align: middle;
   margin-left: 20px;
   top:638px;
   width: 191px;
   height: 56px;
   text-align: center;
   background-image:url(../../images/xl/keyhelp/KEYHELP_NORMAL.png);
}

.keyHelpButtonFocus{
   width: 197px;
   height: 60px;
   background-image:url(../../images/xl/keyhelp/KEYHELP_FOCUS.png);   
}

.largeFocusedGray {
   font-size: 25px;
   color: #fafafa;
   overflow: hidden;
   text-overflow:ellipsis;
    white-space:nowrap;
}

.largeFocusedGray1 {
   font-size: 25px;
   color: rgb(250, 250, 250);
}

.mediumSubBlue {
   font-size: 25px;
   color: rgb(180,185,252);
}
.mediumNormalBlue {
   font-size: 25px;
   color: rgb(157,157,157);
}

.mediumNormalGray {
   font-size: 30px;
   color: rgb(157,157,157);
}

.smallNormalGray {
   font-size: 26px;
   color: rgb(157,157,157);
}

.smallFocusedGray {
   font-size: 28px;
   color: rgb(250,250,250);
}

.featuredScrollTextStyle {
   font-size: 20px;
   color: rgb(161,161,181);
}

.smallSubGray {
   font-size: 26px;
   color: rgb(67,67,67);
}

/* play control */

.playTimeCurStyle {
   font-size: 18px;
   text-align:center;
   color: #fafafa;
   vertical-align: middle;
   position: absolute; 
   top: 15px; 
   left : 495px; 
   height: 26px; 
   width: 50px;
}

.playTimeTotalStyle {
   font-size: 18px;
   text-align:center;
   color: rgb(157,157,157);
   vertical-align: middle;
   position: absolute; 
   top: 15px; 
   left : 555px; 
   height: 26px; 
   width: 75px;
}

.playTimeCurFullStyle {
   font-size: 28px;
   text-align:center;
   color: #fafafa;
   vertical-align: middle;
   position: absolute; 
   top: 25px; 
   left : 900px; 
   height: 30px; 
   width: 120px;
}

.playTimeTotalFullStyle {
   font-size: 28px;
   text-align:center;
   color: rgb(157,157,157);
   vertical-align: middle;
   position: absolute; 
   top: 25px; 
   left : 1010px; 
   height: 30px; 
   width: 120px;
}

.totalBarStyle {
   position:absolute; 
   top: 21px; 
   left: 84px; 
   /*150?*/
   background-color: rgb(31,31,29); 
   height: 10px; 
   width: 280px;
}

.totalBarFullStyle {
   position:absolute; 
   top: 40px; 
   left: 132px; 
   background-color: rgb(31,31,29); 
   height: 15px; 
   width: 750px;
}

.bufferBarStyle {
   position:absolute; 
   top: 21px; 
   left: 82px; 
   background-color: rgb(27,59,46);
   height: 10px; 
   width: 0px;
   z-index: 1200;
}

.bufferBarFullStyle {
   position:absolute; 
   top: 40px; 
   left: 132px; 
   background-color: rgb(27,59,46);
   height: 15px; 
   width: 0px;
   z-index: 10200;
}

.progressBarStyle {
   position:absolute; 
   top: 21px; 
   left: 82px; 
   background-color: rgb(34,111,81); 
   height: 10px; 
   width: 0px;
   z-index: 1300;
}

.progressBarFullStyle {
   position:absolute; 
   top: 40px; 
   left: 132px; 
   background-color: rgb(34,111,81); 
   height: 15px; 
   width: 0px;
   z-index: 10300;
}

.progressPointerStyle {
   position:absolute; 
   top: 4px;
   /*  default
   left: 82px; - 7 */
   left: 78px;
   z-index: 1300;
   width: 14px; 
   height: 16px;
}

.progressPointerFullStyle {
   position:absolute; 
   top: 16px;
   /*  default
   left: 132px;*/
   left: 124px;
   z-index: 10300;
   width : 16px;
   height: 24px;
}

.progressFocusStyle {
   position:absolute; 
   top: 5px;
   /*  default
   left: 145px;*/
   left: 62px;
   z-index: 1400;
   width: 40px; 
   height: 40px;
}

.progressFocusFullStyle {
   position:absolute; 
   top: 28px;
   /*  default
   left: 130px;*/
   left: 112px;
   z-index: 10400;
   width: 40px; 
   height: 40px;
}

.mediaControlStyle {
   position: absolute; 
   margin : 0px 0 0 0px;
   top: 443px; 
   left: 61px; 
   width: 542px; 
   height: 48px; 
   background-color: rgb(20,22,19);
   z-index: 1200;
}

.bitratesDivStyle {
   position: absolute;
   top: 20px;
   left: 1160px;
   width: 70px;
   height: 50px;
}

.fullMediaControlStyle {
   position: absolute; 
   top: 545px; 
   left: 0px; 
   width: 1280px; 
   height: 88px; 
   background-color: rgb(20,22,19);
   z-index: 10000;
}

.loadingIconStyle {
   position: absolute; 
   top: 240px; 
   left: 282px; 
   width: 160px; 
   height : 160px;
   text-align: center; 
   display: block; 
   z-index: 10000; 
}

.largePlayIconStyle {
   background : url(../../images/xl/common/BACKGROUND_LARGE_PLAY_NORMAL.png);
   background-repeat : no-repeat;
   position: absolute; 
   top: 272px; 
   left: 300px; 
   width: 119px; 
   height : 120px;
   text-align: center; 
   display: block; 
   z-index: 10000; 
}

/* related video style*/
.relListDivStyle {
   /*height: 365px;*/
   height: 400px;
   position: absolute; 
   width: 440px; 
   float: left; 
   margin: 0px 0 0 0px; 
   top:100px; 
   left:680px;
}

.relStyle {
   height:90px; 
   width:460px; 
   margin: 0px 0 0 0px; 
   position: relative;
}

.relThumenailStyle {
   height: 64px ; 
   width: 95px;
   position: absolute; 
   top: 10px; 
   left: 4px;
   vertical-align: top;
}

.relTitleStyle {
   height: 40px; 
   width: 338px; 
   position: absolute; 
   top: 3px; 
   left: 108px;
   color: rgb(157,157,157);
   font-size: 30px;
}

.relViewCountStyle {
   height: 30px; 
   width: 140px; 
   position: absolute;
   top: 48px; 
   left: 115px;
   font-size: 26px;
   color: rgb(110,110,110); 
}

.relUploadIdStyle {
   height: 30px; 
   width: 155px; 
   position: absolute; 
   top: 48px; 
   left: 270px; 
   font-size: 26px;
   text-align : right;
   color: rgb(110,110,110);
}

.relEtcStyle {
   height:40px; 
   width:439px; 
   margin: 0px 0 0 0px; 
   text-align:center; 
   position: absolute;
   color: gray; 
   font-size: 26px;
   top : 470px;
   left: 700px
}

/*version info*/
#versionInfo { 
   font-size: 15pt; 
   color: #0077AA; 
   position: absolute; 
   width: 200px; 
   height: 19px; 
   top: 10px ; 
   left: 1000px; 
}
